<template>
    <div>
        生命周期钩子函数

        <button @click="count++">点击</button>
        <p>{{ count }}</p>

    </div>
</template>
<script setup>
import { onMounted, onBeforeUpdate, ref, onUnmounted } from "vue"
const count = ref(0);
onMounted(() => {
    console.log('组件挂载完成');
})
onBeforeUpdate(() => {
    console.log('组件更新之前');
})
onUnmounted(() => {
    console.log('组件卸载之前');
})
</script>
<style scoped></style>